<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Insert title here</title>
    <script type="text/javascript" src="../js/jquery-1.11.2.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#sb").click(
                function () {
                    //$.ajax $.post $.get 都是jquery的请求，需要引入jquery.js
                    //$.post和$.get都是$.ajax的简写方式
                    $.ajax({
                        type : "post",
                        url : "../one/tm",
                        contentType:"application/json; charset=utf-8",//请求成功后，后台返回的数据格式，即success : function(r)里“r”的格式
                        data:'{"name":"7","age":"9"}',
                        dataType:'json',
                        //data : "name=7&age=8",//contentType为 application/x-www-form-urlencoded或直接注释掉不写  此处就是标题中提到的传入key-value键值对
                        success : function(r) {
                            //r 直接就是jsonObject
                            alert(r);
                            alert(r.name);
                        }
                    })
                }
            );
            $("#iage").blur(
                function () {
                    //$.ajax $.post $.get 都是jquery的请求，需要引入jquery.js
                    //$.post和$.get都是$.ajax的简写方式
                    $.ajax({
                        async:false,
                        type : "get",
                        url : "../one/ajaxAge?name=7&&age=9",
                        //contentType:"application/json; charset=utf-8",//请求成功后，后台返回的数据格式，即success : function(r)里“r”的格式
                        //data:'{"name":"7","age":"9"}',
                        //data : "name=7&age=8",//contentType为 application/x-www-form-urlencoded或直接注释掉不写  此处就是标题中提到的传入key-value键值对
                        success : function(r) {
                            //r 直接就是jsonObject
                            alert(r.age);
                            $("#iage").val(r.age);
                        }
                    })
                }
            );
        });

    </script>
</head>
<body>
sayHello...<br/>
${myBean.name}<br/>
${myBean.age}

<button id="sb" type="button">ajax</button>
<form action="sayHello" method="post">
    <input type="text" name="age" id="iage"/>
    <input type="text" name="name"/>
    <button type="submit">submit</button>
</form>
</body>
</html>